<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
    <script src="./axios/axios.min.js"></script>
    <script>
        // axios 
        // 第三方插件  专门用来前后端交互(发送ajax请求)
        // 用promise封装的 
        // http://www.axios-js.com/zh-cn/docs/
        
        // 使用步骤 
        // 1.导入 
            // cdn 
            // 只要引入了一个文件 
            // 就会向全局暴露一个axios的变量名 
        // 2.根据文档使用 
        //  // 配置
        // axios({配置项})


         // axios({配置项})

         // url 请求地址  必须填的
         // method 请求方式 选填 默认 get 
         // params:{}  get请求参数需要放到 params对象中
         // data:{}  post 请求的参数  放到 data对象中 
         // headers:{} 表示设置的请求头信息 
        //  如果我们设置content-type 需要写在headers中 
        // axios默认的headers 是 application/json

        // axios.get()
        // axios.post()
        // axios.put()
        // axios.patch()
        // axios.delete()

    //     以 axios.get 为例
    //     => 语法: axios.get(请求地址, { 其他配置项 })

    //   以 axios.post 为例
    //     => 语法: axios.post(请求地址, { 请求体 }, { 其他配置项 })

        // get请求 


        // axios({
        //     url:'http://localhost:8080/test/first'
        // }).then(data=>{
        //     console.log(data);
        // })


        // axios.get('http://localhost:8080/test/first',{

        // }).then(data=>{
        //     console.log(data);
        // })



        // axios.get('http://localhost:8080/test/third',{
        //     params:{name:'张三',age:188}
        // }).then(data=>{
        //     console.log(data);
        // })



        // post请求

        // axios({
        //     url:'http://localhost:8080/test/fourth',
        //     method:'post',
        //     data:{
        //         name:'龙飞',
        //         age:19
        //     },
        //     headers:{
        //         'content-type':'application/x-www-form-urlencoded'
        //     }
        // }).then(data=>{
        //     console.log(data);
        // })


        // axios.post('http://localhost:8080/test/fourth',{name:'鑫蕊',age:16}).then(data=>{
        //     console.log(data);
        // })


        async  function fn1(){
            const res = await axios.post('http://localhost:8080/test/fourth',{name:'鑫蕊',age:16}).then(data=>{
                return data;
            })

            console.log(res);
        }

        fn1()
    </script>
</body>
</html>